<template>
  <div class="not_found">
    <a-result status="404" title="404" sub-title="呀吼，页面不见了！">
    <template #extra>
      <a-button type="primary" @click="handleGoHome">
        Back Home
      </a-button>
    </template>
  </a-result>
  </div>
</template>

<script lang="ts">
import { defineComponent, onMounted, ref } from "vue";
import { useRouter } from "vue-router"

export default defineComponent({
  name: "page404",
  props: {},
  components: {},
  setup(props) {
    const $router = useRouter();
    const handleGoHome = (): void => {
      $router.push({ name: 'Home' })
    };

    return {
      handleGoHome
    }
  },
  //
  mounted() {},
});
</script>

<style lang="scss" scoped>
.not_found {
  height: 100%;
  background-color: #9ddfc9;
}
</style>